<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <!-- <mate name="flexibel" content="initial-drl=2"/> -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
    <!--留存统计-->
    <script type="text/javascript" src="https://hy.yixueqm.com/zhiming/index.php/Home-Interface-remain?typeName=HH&nickName=八字合婚&channel=<!--{$Think.cookie.channel}-->&uid=<!--{$Think.cookie.uid}-->"></script>

    <title>你和TA能不能在一起</title>
    <!--[if lt IE 9]>  
        <script src="http://cdn.bootcss.com/html5shiv/r29/html5.js"></script>
        <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" href="__PUBLIC__/css/common.css"/>
    <link rel="stylesheet" href="__PUBLIC__/css/YD_calendar.min.css">
    <script src="__PUBLIC__/js/YD_calendar.min.js"></script>
    <script src="__PUBLIC__/js/jquery.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/js/rem.js"></script>
    <script src="__PUBLIC__/js/layer/layer.js"></script>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <!--<script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan style='display:none;' id='cnzz_stat_icon_1264472958'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s13.cnzz.com/z_stat.php%3Fid%3D1264472958%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));</script>-->
    <script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan style='display:none;' id='cnzz_stat_icon_1264472958'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s19.cnzz.com/z_stat.php%3Fid%3D1264472958' type='text/javascript'%3E%3C/script%3E"));</script>

    <script type="text/javascript">
        var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan style='display:none;' id='cnzz_stat_icon_"+<!--{$channelID}-->+"'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s19.cnzz.com/z_stat.php%3Fid%3D"+<!--{$channelID}-->+"' type='text/javascript'%3E%3C/script%3E"));
    </script>
    <style>
        body{
            background-color: #f1e8e1;
        }
        .master_introduction {
            overflow: hidden;
            background-color: #fff;
            margin: 0.1rem;
        }
        .master_introduction img {
            width: 100%;
            display: block;
        }
        .public_bg_color {
            background-color: #ffc99f;
            margin: 0.1rem;
            padding-bottom: 0.4rem;
            overflow: hidden;
        }
        .public_bzhh_title {
            margin: 0.3rem 0.2rem 0.16rem;
            height: 0.76rem;
            line-height: 0.76rem;
            color: #fff;
            display: block;
            background: url('__PUBLIC__/images/bzhh_img/bg_title_center1.png') repeat-x;
            width: 6.9rem;
            background-size: 100% 100%;
            text-align: center;
        }
        .public_bzhh_title span.right{
            float:right;
            transform: scaleX(-1);
        }
        .public_bzhh_title span.left{
            float:left;
        }
        .public_bzhh_title span.left, .public_bzhh_title span.right {
            background: url('__PUBLIC__/images/bzhh_img/title_edge.png') no-repeat #ffc99f;
            width: 0.4rem;
            height: 0.76rem;
            background-size: 100% 100%;
        }
        .public_bg_color .pic {
            margin: 0 0.2rem;
        }
        .public_bg_color .words {
            text-align: center;
            color: #d23037;
            margin: 0.2rem 0;
        }
        .user_feedback{
            overflow: hidden;
            margin: 0.2rem 0.1rem;
            background-color: #fff;
        }
        .user_feedback .uf_top{
            padding-left: 0.3rem;
            line-height: 0.68rem;
            border-bottom:0.02rem solid #e0e0e0;
        }
        .user_feedback .uf_ul_wrap{
            height:7.66rem;
            margin:0.2rem;
            overflow: hidden;
            border-top:0.02rem solid #e6d2bd;
        }
        .user_feedback .uf_ul_wrap .uf_ul{
            position: relative;
        }
        .user_feedback .uf_ul_wrap .uf_ul li{
            padding:0.2rem;
            border-bottom:0.02rem solid #e0e0e0;
            list-style: none;
        }
        .user_feedback .uf_ul_wrap .uf_ul li strong{
            color:#D23037;
            font-weight:400;
        }
        .user_feedback .uf_ul_wrap .uf_ul li p{
            margin-top:0.1rem;
        }
        .tcbg{
            width:100%;
            height:100%;
            position:fixed;
            top:0;
            left:0;
            background-color: rgba(0,0,0,0.7);
            display: none;
        }
        .bgImg{
            width:100%;
            height:6rem;
            background:url("__PUBLIC__/images/bzhh_img/mg_share.png") no-repeat;
            background-size:100% 100%;
            position: absolute;
        }
        .pointTxt{
            width:3.2rem;
            padding-top:3.7rem;
            margin-left:1.76rem;
            color:#ffffff;
            font-size:0.48rem;
            text-align: center;
        }


        .zm_form_wrap{
            position: relative;
            overflow: hidden;
            background: url('__PUBLIC__/images/bzhh_img/bg_sex.jpg');
            border-radius: 0.1rem;
            margin:0.2rem 0.2rem 0;
        }
        .zm_form .zm_form_wrap ul{
            margin-left: 0.6rem;
            border-radius: 0;
        }
        .zm_form .zm_form_wrap .sub_left {
            width: 0.6rem;
            color: #fff;
            position: absolute;
            left: 0;
            top: 0;
            font-size: 0.32rem;
            text-align: center;
        }
        .zm_form .zm_form_wrap .sub_left img{
            display: block;
            width: 0.5rem;
            height: 0.5rem;
            background-size: 100% 100%;
            margin: 0.1rem auto 0.04rem;
        }

        .m_form_ul li .f_left{font-size:0.36rem;padding: 0 0.2rem 0 0;}
        .m_form_ul li .f_auto input{font-size:0.36rem;}
        .zm_form .zm_form_wrap ul li {
            height: 1.2rem;
            line-height: 1.2rem;
            font-size:0.36rem;
            border-bottom: 0.02rem solid #d6d6d6;
            padding: 0 0.1rem;
            list-style: none;
            margin-bottom:0;
            border-radius: 0;
            border-color:#d6d6d6;
        }
        .m_form_prompt span{color:#d23037;}
        .m_form_btnwrap{
            background: linear-gradient(#D23037,#ef0d0d);
            background: -webkit-linear-gradient(#D23037,#ef0d0d);
            background:-ms-linear-gradient(#D23037,#ef0d0d);
        }   
    </style>
</head>
<body>
    <include file="Public/header"/>
    
    <div class="zm_banner">
        <img src="__PUBLIC__/images/bzhh_img/v1/banner.png" width="100%"/>
    </div>
    <div class="master_introduction" id="scrollT">
        <img src="__PUBLIC__/images/bzhh_img/v1/dashi.png" width="100%"/>
    </div>
    <div class="m_form_container">
        <form id="_form" class="zm_form" action="<!--{:U('Bzhh/bzhf_zhifu','',false)}-->" method="post">
            <div class="zm_form_wrap">
                <div class="sub_left form_left"><span><img src="__PUBLIC__/images/bzhh_img/icon_man.png" alt="男方资料"></span>男方资料</div>
                <ul class="m_form_ul">
                    <li>
                        <div class="f_left">男方姓名</div>
                        <div class="f_auto">
                            <input type="text" class="bg_no" id="username" name="username" placeholder="请输入名字(必须汉字)" />
                        </div>
                    </li>
                    <li>
                        <div class="f_left">出生日期</div>
                        <div class="f_auto">
                            <div type="text" class="Js_date" data-date="1985-04-18-7" id="datetime" data-id="birthday">请选择你的出生日期</div>
                            <input type="hidden" id="birthday" name="birthday"  value="" >
                        </div>
                    </li>

                </ul>
            </div>
            <div class="zm_form_wrap">
                <div class="sub_left f_left"><span><img src="__PUBLIC__/images/bzhh_img/icon_woman.png" alt="女方资料"></span>女方资料</div>
                <ul class="m_form_ul">
                    <li>
                        <div class="f_left">女方姓名</div>
                        <div class="f_auto">
                            <input type="text" class="bg_no" id="girl_username" name="girl_username" placeholder="请输入名字(必须汉字)" />
                        </div>
                    </li>
                    <li>
                        <div class="f_left">出生日期</div>
                        <div class="f_auto">
                            <div type="text" class="Js_date" data-date="1985-04-18-6" id="datetime1" data-id="girl_birthday">请选择你的出生日期</div>
                            <input type="hidden" id="girl_birthday" name="girl_birthday"  value="" >
                        </div>
                    </li>
                </ul>
            </div>
            <div class="m_form_btnwrap J_formSubmit">立即测算</div>
            <div class="m_form_prompt">
                已有<span><!--{$Think.cookie.bzhhcs}--></span>人测算
                <a href="<!--{:U('Index/mycesuan','',false)}-->"><i class="mycs"></i>我的测算</a>
            </div>
        </form>
    </div>
    <div class="public_bg_color">
        <div class="public_bzhh_title">你是否在困扰这些问题？
        </div>
        <p class="pic"><img src="__PUBLIC__/images/bzhh_img/img_problem.png" alt="你是否在困扰这些问题？" width="100%"></p>
    </div>
    <div class="public_bg_color">
        <div class="public_bzhh_title">通过八字合婚您将获得以下内容</div>
        <p class="words">掌握命运和方法，轻松实现愿望</p>
        <p class="pic"><img src="__PUBLIC__/images/bzhh_img/img_get.png" alt="通过八字合婚您将获得以下内容" width="100%"></p>
    </div>
    <div class="public_bg_color">
        <div class="public_bzhh_title">大师箴言，趋吉避凶
        </div>
        <p class="pic"><img src="__PUBLIC__/images/bzhh_img/v1/img_zhenyan.png" alt="大师箴言，趋吉避凶" width="100%"></p>
    </div>


    <div class="user_feedback">
        <div class="public_bzhh_title">用户反馈
        </div>
        <div class="uf_ul_wrap" id="feedbackScroll">
            <ul class="uf_ul">
                <li>
                    <strong>汕头  温小姐</strong>
                    <p>老师说我老公脾气会有所收敛，一直不相信，不曾想我30岁后他真的变了很顾家，我们现在也磨合得比较好了，日子越来越好过条件也越来越好了，幸亏当时听了老师的话注意收敛自己的情绪。
                    </p>
                </li>
                <li>
                    <strong>石家庄  钟先生</strong>
                    <p>身边的朋友都有对象了，自己心里也默默着急，同大师在线聊了一番后感觉大师测算还是很有准头很有道理的，居然能说出来我什么时候对谁动过心然后不了了之，期望我后面的姻缘测算真的有那么准吧。</p>
                </li>
                <li>
                    <strong>淮安  秦先生</strong>
                    <p>算得很准，而且很符合实际，自己的性格和一些经历都有体现，也希望真的如愿能找到一个性格温婉的她，后面对我的建议也很好，测算后豁然开朗。</p>
                </li>
                <li>
                    <strong>宜春  尤先生</strong>
                    <p>通过老师的指点了解到我和她现在是情感危机，只要坚持下去一定能修成正果的。如今我们已冰释前嫌重归于好了，准备明年结婚了，感谢老师的帮助。</p>
                </li>
                <li>
                    <strong>宁波  江小姐</strong>
                    <p>结束了一段长跑6年的感情，其实心里还是十分不舍的，大师的测算也是很神奇很准的，异地恋什么的到哪一步什么原因结束都测的很清楚，预测了以后的感情之路和他的大概年龄，还有对我个人的一些提醒，很不错。</p>
                </li>
                <li>
                    <strong>台州  任小姐</strong>
                    <p>因为才没交往多久男朋友就向我求婚了，有点担心还没看透某些方面，特地来测算我们的八字姻缘的，老师说我年头的感情运势比较好，碰到的不是烂桃花不必太担心，顺其自然自会开花结果，幸福一生。也罢，命中注定吧！</p>
                </li>
                <li>
                    <strong>潍坊  贺先生</strong>
                    <p>从学校刚毕业就和对象结婚了，感觉没什么激情了，矛盾也随之增多，找老师测算合婚后发现子女能重旺我们的婚姻，果然有了儿子后我们相处越来越和谐了。</p>
                </li>
                <li>
                    <strong>威海  范先生</strong>
                    <p>单身多年，对自己的未来的姻缘运势感到很迷茫，在朋友力荐下来老师这里测算了一次，测的还是不久前相亲的一个对象，老师建议我多家深了解，改变自己的社交习惯，还说我们两命理相连姻缘应生，果然已经很好的在一起了。</p>
                </li>
            </ul>
        </div>
    </div>


    <!-- 提示收藏 -->
    <include file="Public/index_SC" />
    <!-- 热门测算 -->
     <div class="hot_cs">
         <include file="Public/zhiming" />
    </div>
    <!-- 脚注 -->
    <footer class="footer_severs">
        <include file="Public/bottom-index" />
    </footer>
    <div class="fiex_bt" id="fiex">
        <a href="javascript:;" >立即测算</a>
    </div>
    
    <script>
        //测算底部悬浮
        $(function(){
            var topShow=$(".J_formSubmit");
            if(topShow.length){
                var topShow=topShow.offset().top;
                var testBtn=$("#fiex");
                $(window).scroll(function(){
                    var wt=$(window).scrollTop();
                    wt>topShow?(testBtn.fadeIn(),$('.footer_severs').css('padding-bottom','1.2rem')):(testBtn.fadeOut(),$('.footer_severs').css('padding-bottom','0.4rem'));
                });
                // goTop
                $('#fiex').on('click',function(){$('html,body').animate({scrollTop:$('#scrollT')[0].offsetTop},500)});

                $.getJSON("<!--{:U('Index/indexXfan','',false)}-->",{csName:'HH'},function(data){//首页-悬浮按钮统计
                });
            }
        });

        $('.tcbg').on('click',function(){
            $('.tcbg').css('display','none');
        })

//        $.getJSON("<!--{:U('Bzhh/cnzz_ruku','',false)}-->",function(data){//裂变统计入库
//
//        });

        // 时间日期
        var calendar1 = new lCalendar().init('#datetime');//男

        var calendar = new lCalendar().init('#datetime1');//女


        var wxlogin='<!--{$wxlogin}-->';
        var share='<!--{$share}-->';
        $(".J_formSubmit").on('click',function(){
            $.getJSON("<!--{:U('Index/indexLjcs','',false)}-->",{csName:'HH'},function(data){//首页-立即测算统计
            });

            if($("[name='girl_username']").val() == ""){
                layer.msg("请输入双方资料");
                return false;
            }else if($("[name='girl_username']").val().length < 2){
                layer.msg("姓名长度不能少于2");
                return false;
            }
            var patrn= /[\u4E00-\u9FA5]|[\uFE30-\uFFA0]/gi;
            if(!patrn.exec($("[name='girl_username']").val())){
                layer.msg("请输入中文名字");
                return false;
            }
            if($("[name='username']").val() == ""){
                layer.msg("请输入男方姓名");
                return false;
            }else if($("[name='username']").val().length < 2){
                layer.msg("姓名长度不能少于2");
                return false;
            }
            var patrn= /[\u4E00-\u9FA5]|[\uFE30-\uFFA0]/gi;
            if(!patrn.exec($("[name='username']").val())){
                layer.msg("请输入中文名字");
                return false;
            }
            if($("[name='girl_birthday']").val() == ""){
                layer.msg("请选择女方出生日期");
                return false;
            }
            if($("[name='birthday']").val() == ""){
                layer.msg("请选择男方出生日期");
                return false;
            }
            //var oli = layer.load();
                setTimeout(function(){
                    layer.closeAll('loading');
                    layer.msg('订单提交成功', {icon: 1});
                    setTimeout(function(){
                        $('#_form').submit();
                    },1300);
                },1000);

        });

        // 服务轮播
        $(function(){
        var scrollTop=0;
        var scrollUl=$('#feedbackScroll').children('ul');
        function scrollTip(){
            var top=scrollUl.children('li').eq(0).outerHeight();
            if(Math.abs(scrollTop)==Math.abs(top)){
                scrollUl.children('li').eq(0).appendTo(scrollUl);
                scrollUl.css("top",0);
                scrollTop=0;
            }else{
                scrollTop--;
                scrollUl.css("top",scrollTop);
            }
        }
        setInterval(scrollTip,50);
        });

        var wxlogin='<!--{$Think.cookie.wxlogin}-->';
        //if (wxlogin == 1) {
        wx.config({
            debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
            appId: '<!--{$appid}-->', // 必填，公众号的唯一标识
            timestamp: '<!--{$timestamp}-->', // 必填，生成签名的时间戳
            nonceStr: '<!--{$noncestr}-->', // 必填，生成签名的随机串
            signature: '<!--{$signature}-->',// 必填，签名，见附录1
            jsApiList: [
                'checkJsApi',
                'openLocation',
                'getLocation',
                'onMenuShareTimeline',
                'onMenuShareAppMessage',
                'scanQRCode'
            ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
        });

        wx.ready(function () {
            // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，
            // 则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
//         alert('成功');
            wx.onMenuShareAppMessage({
                title: '感情运势大师亲算，婚姻恋爱幸福提升！', // 分享标题
                desc: '你和TA能不能在一起？婚姻是否會幸福？八字合婚爲你解答這一切。以八字命理爲基礎，帶給你專業的婚姻分析', // 分享描述
                link: '<!--{$Think.cookie.HHwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                imgUrl: 'http://www.yixueqm.com/zhiming/Public/images/public/03.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                type: '', // 分享类型,music、video或link，不填默认为link
                dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                success: function (res) {
                    // 用户确认分享后执行的回调函数
                    $.getJSON("<!--{:U('Index/wxShare','',false)}-->",{csName:'HH'},function(data){//回调入库
                    });
                },
                cancel: function () {
                    // 用户取消分享后执行的回调函数
                }
            });

            wx.onMenuShareTimeline({
                title: '感情运势大师亲算，婚姻恋爱幸福提升！', // 分享标题
                desc: '你和TA能不能在一起？婚姻是否會幸福？八字合婚爲你解答這一切。以八字命理爲基礎，帶給你專業的婚姻分析',
                link: '<!--{$Think.cookie.HHwxfxUrl}-->',
                imgUrl: 'http://www.yixueqm.com/zhiming/Public/images/public/03.png',
                type: '',
                dataUrl: '',
                success: function (res) {
                    // 用户确认分享后执行的回调函数
                    $.getJSON("<!--{:U('Index/wxShare','',false)}-->",{csName:'HH'},function(data){//回调入库
                    });
                }

            });

            wx.onMenuShareQQ({
                title: '感情运势大师亲算，婚姻恋爱幸福提升！', // 分享标题
                desc: '你和TA能不能在一起？婚姻是否會幸福？八字合婚爲你解答這一切。以八字命理爲基礎，帶給你專業的婚姻分析',
                link: '<!--{$Think.cookie.HHwxfxUrl}-->',
                imgUrl: 'http://www.yixueqm.com/zhiming/Public/images/public/03.png',
                type: '',
                dataUrl: '',
                success: function (res) {
                    // 用户确认分享后执行的回调函数
                }
            });

            wx.onMenuShareQZone({
                title: '感情运势大师亲算，婚姻恋爱幸福提升！', // 分享标题
                desc: '你和TA能不能在一起？婚姻是否會幸福？八字合婚爲你解答這一切。以八字命理爲基礎，帶給你專業的婚姻分析',
                link: '<!--{$Think.cookie.HHwxfxUrl}-->',
                imgUrl: 'http://www.yixueqm.com/zhiming/Public/images/public/03.png',
                type: '',
                dataUrl: '',
                success: function (res) {
                    // 用户确认分享后执行的回调函数
                }
            });

            wx.onMenuShareWeibo({
                title: '感情运势大师亲算，婚姻恋爱幸福提升！', // 分享标题
                desc: '你和TA能不能在一起？婚姻是否會幸福？八字合婚爲你解答這一切。以八字命理爲基礎，帶給你專業的婚姻分析',
                link: '<!--{$Think.cookie.HHwxfxUrl}-->',
                imgUrl: 'http://www.yixueqm.com/zhiming/Public/images/public/03.png',
                type: '',
                dataUrl: '',
                success: function (res) {
                    // 用户确认分享后执行的回调函数
                }
            });

            wx.error(function (res) {
                // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名
//         alert('失败');
            });


            var appid="<!--{$appId}-->";
            if(appid!=''){
                WeixinJSBridge.invoke(
                        'getBrandWCPayRequest', {
                            "appId":"<!--{$appId}-->",     //公众号名称，由商户传入
                            "timeStamp":"<!--{$timeStamp}-->",         //时间戳，自1970年以来的秒数
                            "nonceStr":"<!--{$nonceStr}-->", //随机串
                            "package":"<!--{$package}-->",
                            "signType":"<!--{$signType}-->",         //微信签名方式：
                            "paySign":"<!--{$paySign}-->" //微信签名
                        },
                        function(res){
                            if(res.err_msg == "get_brand_wcpay_request:ok" ) {
                                location.href="<!--{:U('Bzhh/jieguoye','',false)}-->";
                            }     // 使用以上方式判断前端返回,微信团队郑重提示：res.err_msg将在用户支付成功后返回    ok，但并不保证它绝对可靠。
                        }
                );
            }

        });
        // }

    </script>
</body>
</html>